<template>
  <view>

    <!-- 个人信息info -->
    <myCourse2info v-if="PageCur==='info'" />
	
	<!-- 选课 -->
	<elective-course v-if="PageCur==='basics'" />
    <!--个人信息-->
    <person v-if="PageCur==='person'" />

    <view class="cu-bar tabbar bg-white shadow foot">
      <view class="action" data-cur="basics" @click="NavChange">
        <view class="cuIcon-cu-image">
          <image :src="'/static/tabbar/basics' + [PageCur==='basics'?'_cur':''] + '.png'" />
        </view>
        <view :class="PageCur=='basics'?'text-green':'text-gray'">选课</view>
      </view>
      <view class="action" data-cur="person" @click="NavChange">
        <view class="cuIcon-cu-image">
          <image :src="'/static/tabbar/plugin' + [PageCur === 'person'?'_cur':''] + '.png'" />
        </view>
        <view :class="PageCur==='plugin'?'text-green':'text-gray'">个人中心</view>
      </view>
    </view>
  </view>
</template>

<script>
  import electiveCourse from '@/pages/signup/electiveCourse.vue'
  import person from '@/pages/signup/person.vue'
  import myCourse2info from '@/pages/signup/myCourse2.vue'

    uni.getSystemInfo({
        success: function(res) {
          console.log(res)
        }
    })
	export default {
		components: { electiveCourse, person,myCourse2info },
		data() {
		return {
				PageCur: 'info',
                WindowHeight: 812
			}
		},
      created() {
		
      },
		methods: {
			NavChange: function(e) {
				this.PageCur = e.currentTarget.dataset.cur
			}
		}
	}
</script>

<style>

</style>
